<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
		.content{margin: 0 40px;}
        h1 {
            font-size: 34px;
            font-weight: 700;
            color: #2F4050;
        }
        .btn-white {
            color: inherit;
            background: #fff;
            border: 1px solid #e7eaec;
            width: 100px;
			height: 25px;
			line-height: 25px;
			font-size: 15px;
        }
        .pull-right{
            width:100%;
            line-height: 25px;
            text-align: right;
        }
        .article-title {
            text-align: center;
            margin:  0 40px;
        }
        pre {
            font-size: 20px;
            line-height: 26px;
			padding: 0 0 100px 0px;
			white-space: pre-wrap; /*css-3*/
            white-space: -moz-pre-wrap; /*Mozilla,since1999*/
            white-space: -pre-wrap; /*Opera4-6*/
            white-space: -o-pre-wrap; /*Opera7*/
            word-wrap: break-word; /*InternetExplorer5.5+*/
        }

        .btn{
            display: inline-block;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
			background-color: #1ab394;
			border-color: #1ab394;
			color: #FFF;
        }
		
		.r{position:fixed; bottom:0;left: 0;right: 0;margin:0 auto;bottom: 20px;}
		.position{position:relative;height:100%;width: 100%;margin: 0px auto;}
    </style>
 </head>
 <body style="width:800px;margin: 0px auto;height:100%">
  
                <div id="content2" class="position">

    <div class="text-center article-title">
        <h1 id="title"> 将进酒--李白 </h1>
    </div>
    <div class="content"><pre id="content">君不见，黄河之水天上来，奔流到海不复回。
君不见，高堂明镜悲白发，朝如青丝暮成雪。
人生得意须尽欢，莫使金樽空对月。
天生我材必有用，千金散尽还复来。
烹羊宰牛且为乐，会须一饮三百杯。
岑夫子，丹丘生，将进酒，杯莫停。
与君歌一曲，请君为我倾耳听。(倾耳听 一作：侧耳听)
钟鼓馔玉不足贵，但愿长醉不复醒。(不足贵 一作：何足贵；不复醒 一作：不愿醒/不用醒)
古来圣贤皆寂寞，惟有饮者留其名。(古来 一作：自古；惟 通：唯)
陈王昔时宴平乐，斗酒十千恣欢谑。
主人何为言少钱，径须沽取对君酌。
五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。</pre></div>
    <div class="pull-right">
        生效时间：<button class="btn-white btn-xs" type="button" id="starttime">2018-01-31</button>&nbsp;&nbsp;&nbsp;&nbsp;
		结束时间：<button class="btn-white btn-xs" type="button" id="starttime"></button>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </div>
		
</div>

</div>
 </body>
 <script src="jquery-3.2.1.min.js"></script>
 <script>
 
 </script>
</html>
